<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>内部报事</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <style type="text/css">
        .aui-list .aui-list-item-label-icon {
            padding-right: 0;
        }

        .aui-list .aui-list-item-input label {
            margin-right: 10px;
        }

        .aui-btn-primary {
            background: #01B2F5;
            width: 95%;
            left: 2.5%;
            bottom: 0.5rem;
            border-radius: 5px;
        }

        .inline_placeholder::placeholder {
            text-align: right;
        }

        .imglist_box {
            overflow: hidden;
        }

        .moreproject {
            width: 93%;
            float: left;
            line-height: 1rem;
            padding-top: 4px;
            /* margin-right: 10px; */
            text-align: right;
        }
        .aui_formcontent {
            text-align:right;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class=" boxarea edit">
            <div class="">

                <div class="aui_formitem">
                    <div class="aui_formtitle">区域</div>
                    <div class="aui_formcontent">
                        <label class="label-radio">
                            <input class="aui-radio" v-on:click="do_select_area(2)" style="margin-right: 10px; border-radius: 20px;" type="radio" name="PlanType" v-bind:checked="form.ServiceArea=='公共区域'">公共
                        </label>
                        <label class="label-radio">
                            <input class="aui-radio" v-on:click="do_select_area(1)" style="margin-right: 10px; border-radius: 20px;" type="radio" name="PlanType" v-bind:checked="form.ServiceArea=='个人区域'">个人
                        </label>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle ">工单类型<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" v-on:click="do_choose_type()">
                        <input class="choose" readonly="readonly" type="text" placeholder="请选择" v-model="form.ServiceTypeName">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">报修位置<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" v-on:click="do_select_project()">
                        <div class="moreproject" v-bind:class="{'textColorPlaceholder':form.ServiceFullName==''||form.ServiceFullName==undefined}">{{form.ServiceFullName==''||form.ServiceFullName==undefined?'请选择':form.ServiceFullName}}</div>
                        <!-- <textarea class="inline_placeholder choose"  cols="25" rows="3" style="padding-top: 3px; text-align: right; " placeholder="请选择" v-on:click="do_select_project()" readonly="readonly" v-model="form.ServiceFullName"></textarea> -->
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">报修人<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent">
                        <input type="text" placeholder="请填写" v-model="form.AddCustomerName">
                    </div>
                </div>
                <div class="aui_formitem" v-if="form.ServiceArea=='个人区域'">
                    <div class="aui_formtitle ">预约时间</div>
                    <div class="aui_formcontent" v-on:click="do_select_time()">
                        <span class="choose new-span-input" id="choosedatetime" data-options='{"type":"datetime"}' v-bind:class="{'textColorPlaceholder':form.AppointTime==''}">{{form.AppointTime==''?'请选择':form.AppointTime}}</span>
                        <!--v-on:click="do_select_time()" <input class="choose" readonly="readonly" type="text" placeholder="请选择预约时间" v-model="form.AppointTime">-->
                        <i class="icon iconfont icon-xiangyoujiantou ml5"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">手机号码</div>
                    <div class="aui_formcontent">
                        <input type="number" placeholder="请填写联系电话" v-model="form.AddCallPhone">
                    </div>
                </div>
                <div class="aui_formitem block" style="border-bottom: none;">
                    <div class="aui_formtitle">内容描述<img class="col-star" src="../image/redstar.png"></div>
                    <div class="aui_formcontent" style="padding-left: 0px;">
                        <textarea placeholder="请尽量填写详细的问题描述，方便我们的维修人员快速确认问题。谢谢合作！" v-model="form.ServiceContent" style="height: 4rem;"></textarea>
                    </div>
                </div>
            </div>
            <div class="imglist_box" style="padding-top: 30px;">
                <div class="imglist_item" v-for="(item,index) in imglist">
                    <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                    <img v-on:click="remove_img(item.index)" class="onmouse_close" src="../image/close_mouseover.svg" />
                </div>
                <div v-if="imglist.length<4" class="imglist_item ml4">
                    <div class="img_plusbox">
                        <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                    </div>
                    最多支持{{maxuploadcount}}张
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">提交</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="js/neibubaoshi_add.js"></script>

</html>
